// routers/index.ts
import { createBrowserRouter, Outlet, Navigate } from 'react-router-dom';
import Layout from '@/components/layout/index'; // 确保路径正确
import Login from '../pages/login/index';   // 确保路径正确
import Home from '../pages/home/index'; // 确保路径正确
import Mall from '@/pages/mall/index'; // 确保路径正确
const router = createBrowserRouter([
  {
    path: "/",
    element: <Layout />,
    children: [
      {
        path: '/',
        element: <Navigate to='home' replace></Navigate> // 这里可以替换为实际的 Home 组件
      },
      {
        path: 'home',
        element: <Home></Home> // 这里可以替换为实际的 Home 组件
      },
      {
        path: 'mall',
        element: <Mall></Mall> // 这里可以替换为实际的 Home 组件
      },
      {
        path: 'user',
        element: <div>user</div> // 这里可以替换为实际的 Home 组件
      },
      {
        path: 'other',
        element: <div> <Outlet /></div>,
        children: [
          {
            path: 'pageone',
            element: <div>othenOne</div> // 这里可以替换为实际的 Home 组件
          },
          {
            path: 'pageTwo',
            element: <div>othenTwo</div> // 这里可以替换为实际的 Home 组件
          },
        ]
      }
    ]
  },
  {
    path: "login",
    element: <Login />
  },
]);

export default router;